<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="Keywords" content="团购"/>
		<meta name="Description" content="团购，美食，吃货"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/classify.css"/>
		<title>分类</title>
		
	</head>
	<body>
		<div class="web">
			<!--头部s-->
			<header class="clearfix">
				<div class="fl back">
					<a href="">Back</a>
				</div>
				<div class="fr city">
					<select class="" name="">
						<option value="1">广州市</option>
						<option value="2">深圳市</option>
					</select>
				</div>
				<div class="title">
					分类
				</div>
			</header>
			<!--头部e-->
			<!--中间s-->
			<main>
				<div class="nav">
					<ul class="clearfix">
						<li>
							<a href="">
								<img src="img/classify/图层-1.jpg"/>
								<span>美食</span>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/classify/图层-3.jpg"/>
								<span>电影</span>
							</a>
							
						</li>
						<li>
							<a href="">
								<img src="img/classify/图层-4.jpg"/>
								<span>运动</span>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/classify/mic.jpg"/>
								<span>唱歌</span>
							</a>
						</li>
					</ul>
					<div class="point">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
				<div class="food clearfix">
					<div class="food_left fl">
						<img src="img/classify/图层-9.png" />
						<span>美食类</span>
					</div>
					<div class="food_right fr">
						<span>更多</span>
						<img src="img/classify/更多.png" />
					</div>
				</div>
				<div class="food_list">
					<ul class="clearfix">
						<li><a href=""><img src="img/classify/rice.jpg"></a></li>
						<li><a href=""><img src="img/classify/rice1.jpg"></a></li>
						<li><a href=""><img src="img/classify/rice2.jpg"></a></li>
						<li><a href=""><img src="img/classify/rice3.jpg"></a></li>
					</ul>
				</div>
				<div class="sport clearfix">
					<div class="sport_left fl">
						<img src="img/classify/图层-7.png" />
						<span>美食类</span>
					</div>
					<div class="sport_right fr">
						<span>更多</span>
						<img src="img/classify/更多.png" />
					</div>
				</div>
				<div class="sport_list">
					<ul class="clearfix">
						<li><a href=""><img src="img/classify/sport.jpg"></a></li>
						<li><a href=""><img src="img/classify/sport1.jpg"></a></li>
						<li><a href=""><img src="img/classify/sport2.jpg"></a></li>
						<li><a href=""><img src="img/classify/sport3.jpg"></a></li>
					</ul>
				</div>
				<div class="movie clearfix">
					<div class="movie_left fl">
						<img src="img/classify/图层-8.png" />
						<span>美食类</span>
					</div>
					<div class="movie_right fr">
						<span>更多</span>
						<img src="img/classify/更多.png" />
					</div>
				</div>
				<div class="movie_list">
					<ul class="clearfix">
						<li><a href=""><img src="img/classify/movie.jpg"></a></li>
						<li><a href=""><img src="img/classify/movie1.jpg"></a></li>
						<li><a href=""><img src="img/classify/movie2.jpg"></a></li>
						<li><a href=""><img src="img/classify/movie2.jpg"></a></li>
					</ul>
				</div>
			</main>
			<!--中间e-->
			<!--尾部s-->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-shouye"></i>
							<span>首页</span>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-fenlei"></i>
							<span>分类</span>
						</a>
					</li>
					<li>
						<a href="find.html">
							<i class="iconfont icon-xuyaodaosvg1zhuanhuan"></i>
							<span>发现</span>
						</a>
					</li>
					<li>
						<a href="mine.html">
							<i class="iconfont icon-wode2"></i>
							<span>我的</span>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部e-->
		</div>
		<script type="text/javascript" src="js/rem.js" charset="UTF-8">
		</script>
	</body>
</html>
